<template>
  <div class="home">
    <Header/>

 <div class="content">  
     <div class="actives fadeInDow">         
      </div>
     <!-- <div class="title">Future protocol</div> -->
     <div class="card">
        <div class="titles">数据中心</div>
        <div class="box">
          
           <div class="scont">
            <div class="left cnt">全网总算力</div>
          <div class="right">
            <div class="num">{{dexc(totalPower)}} </div>    
          </div>
          </div> 
          <div class="scont">
            <div class="left cnt">单币质押总代币量</div>
          <div class="right">
            <div class="num">{{dexc(dbtotal.totalStaked)}} FPC</div>    
          </div>
          </div>       
          <div class="scont">
            <div class="left cnt">单币质押解押金额</div>
          <div class="right">
              <div class="num">{{dexc(dbtotal.totalUnStaked)}} FPC </div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">单币质押板块总算力</div>
          <div class="right">
              <div class="num">{{dexc(dbtotal.totalPower)}}  </div>    
          </div>
          </div>         
          <div class="scont">
            <div class="left cnt">单币质押板块累计领取利息</div>
          <div class="right">
              <div class="num">{{dexc(dbtotal.totalInterest)}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">全网lp质押算力</div>
          <div class="right">
              <div class="num">{{dexc(lpinfo.totalPower)}} </div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">LP质押总质押金额</div>
          <div class="right">
              <div class="num">{{dexc(lpinfo.totalPayment)}} USDT</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">LP质押总代币量</div>
          <div class="right">
              <div class="num">{{dexc(lpinfo.totalStaked)}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">LP质押板块累计解押金额</div>
          <div class="right">
              <div class="num">{{dexc(lpinfo.totalUnStaked)}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">LP质押板块累计领取利息</div>
          <div class="right">
              <div class="num">{{dexc(lpinfo.totalInterest)}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">全网国债质押算力</div>
          <div class="right">
              <div class="num">{{dexc(gzinfo.totalPower)}} </div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">国债购买总支付金额</div>
          <div class="right">
              <div class="num">{{dexc(gzinfo.totalPayment)}} USDT</div>    
          </div>
          </div>
           <div class="scont">
            <div class="left cnt">国债购买质押总代币量</div>
          <div class="right">
              <div class="num">{{dexc(gzinfo.totalStaked)}} FPC</div>    
          </div>
          </div>
           <div class="scont">
            <div class="left cnt">国债购买累计解押金额</div>
          <div class="right">
              <div class="num">{{dexc(gzinfo.totalUnStaked)}} FPC</div>    
          </div>
          </div>
           <div class="scont">
            <div class="left cnt">国债质押累计领取利息</div>
          <div class="right">
              <div class="num">{{dexc(gzinfo.totalInterest)}} FPC</div>    
          </div>
          </div>

          <div class="scont">
            <div class="left cnt">权益订单总算力</div>
          <div class="right">
              <div class="num">{{dexc(info.totalEquityPower)}} </div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">权益国债板块累计领取利息</div>
          <div class="right">
              <div class="num">{{dexc(info.equityOrdeReceive)||0}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">全网社区总算力 (链下定时更新)</div>
          <div class="right">
              <div class="num">{{dexc(info.totalSubTeamPower)||0}} </div>    
          </div>
          </div>   
          <div class="scont">
            <div class="left cnt">全网小区总算力 (链下定时更新)</div>
          <div class="right">
              <div class="num">{{dexc(info.areaPower)||0}} </div>    
          </div>
          </div>    
          <div class="scont">
            <div class="left cnt">全网累计有效业绩 (链下定时更新)</div>
          <div class="right">
              <div class="num">{{dexc(info.totalSettleAmount)||0}} </div>    
          </div>
          </div>   
          
          <div class="scont">
            <div class="left cnt">用户资产余额(涡轮余额)</div>
          <div class="right">
              <div class="num">{{dexc(info.totalBalance)}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">全网静态累计发放奖励代币数量</div>
          <div class="right">
              <div class="num">{{dexc(info.netWorkStaticToken)||0}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">全网动态累计发放奖励代币数量</div>
          <div class="right">
              <div class="num">{{dexc(info.netWorkDynamicToken)||0}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">涡轮订单累计冻结代币数量</div>
          <div class="right">
              <div class="num">{{dexc(info.turboOrderFreeze)||0}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">涡轮订单累计领取代币数量</div>
          <div class="right">
              <div class="num">{{dexc(info.turboOrderReceive)||0}} FPC</div>    
          </div>
          </div>
       

        
        </div>
     </div>
     <!-- 立即预约 -->
     <div class="card">
      <div class="titles">
         <!-- <img src="../assets/img/logo.png" alt=""  class="img2" /> -->
         <div class="titles">设置中心</div>
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">当前最低单币质押数量</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{dbinfo?dexc(dbinfo.r1):'0'}} FPC</div>        
             <input type="text" class="input" v-model.trim="dbxzNum" placeholder="0" >
             <span class="txt">FPC</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="dbxzNum>0?'act':''"
          @click="toSetMinStakeAmountDbs"
          >
          设置</van-button
        >
      </div>
       <div class="cont m10">
          <div class="left">当前单币开关</div>
          <div class="right">   
            <div class="laber">原有：{{dbinfo?dbinfo.r2?'开启':'关闭':''}} </div> 
            <div class="sinput fend" > 
             <van-popover
              v-model="sxshows"
              trigger="click"
              :actions="actions"
              :overlay="true"
              @select="onSelects"
              theme="dark"
            >
            <template #reference>
              <div class="txt" >{{enable?'开启':'关闭'}}</div>
            </template>
          </van-popover>
          <van-icon name="arrow-down" color="#46ecf8"/>
            </div>
          </div>
        </div>
               <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          @click="toSetStakeEnabledDbs"
          >
          设置</van-button
        >
      </div>
        <div class="cont m10">
          <div class="left">当前国债开关</div>
          <div class="right">   
            <div class="laber">原有：{{gzinfo?gzinfo.r2?'开启':'关闭':''}} </div> 
            <div class="sinput fend" > 
             <van-popover
              v-model="gzsxshow"
              trigger="click"
              :actions="actions"
              :overlay="true"
              @select="onSelectGz"
              theme="dark"
            >
            <template #reference>
              <div class="txt" >{{gzenable?'开启':'关闭'}}</div>
            </template>
          </van-popover>
          <van-icon name="arrow-down" color="#46ecf8"/>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          @click="toSetStakeEnabledGzs"
          >
          设置</van-button
        >
      </div>

        <div class="cont m10">
          <div class="left">当前国债剩余额度</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{gzinfo?dexc(gzinfo.r3):'0'}} USDT</div>  
             <input type="text" class="input" v-model.trim="gzxzNum" placeholder="0" >
             <span class="txt">USDT</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="gzxzNum>0?'act':''"
          @click="toSetStakeQuotaGzs"
          >
          设置</van-button
        >  </div>
        <div class="cont m10">
          <div class="left">当前30的国债加成比例（ 折扣率：{{gzRatio?100-gzRatio.r1:'0'}}%）</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{gzRatio?gzRatio.r1:'0'}}  %</div>  
                 <input type="text" class="input" v-model.trim="gzzkNum" placeholder="0" 
             min="0"
            max="9999"
            @input="value => gzzkNum = getRightVal(gzzkNum)">
            <span class="txt">%</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="gzzkNum!=null?'act':''"
          @click="toSetDiscounTtGzs(30,gzzkNum)"
          >
          设置</van-button
        >  </div>
        <div class="cont m10">
          <div class="left">当前90的国债加成比例（ 折扣率：{{gzRatio?100-gzRatio.r2:'0'}}%）</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{gzRatio?gzRatio.r2:'0'}}  %</div>  
                 <input type="text" class="input" v-model.trim="gzzkNum2" placeholder="0" 
             min="0"
            max="9999"
            @input="value => gzzkNum2 = getRightVal(gzzkNum2)">
            <span class="txt">%</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="gzzkNum2!=null?'act':''"
          @click="toSetDiscounTtGzs(90,gzzkNum2)"
          >
          设置</van-button
        >  </div>
        <div class="cont m10">
          <div class="left">当前180的国债加成比例（ 折扣率：{{gzRatio?100-gzRatio.r3:'0'}}%）</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{gzRatio?gzRatio.r3:'0'}}  %</div>  
                 <input type="text" class="input" v-model.trim="gzzkNum3" placeholder="0" 
             min="0"
            max="9999"
            @input="value => gzzkNum3 = getRightVal(gzzkNum3)">
            <span class="txt">%</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="gzzkNum3!=null?'act':''"
          @click="toSetDiscounTtGzs(180,gzzkNum3)"
          >
          设置</van-button
        >  </div>
        <div class="cont m10">
          <div class="left">当前360的国债加成比例（ 折扣率：{{gzRatio?100-gzRatio.r4:'0'}}%）</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{gzRatio?gzRatio.r4:'0'}}  %</div>  
                 <input type="text" class="input" v-model.trim="gzzkNum4" placeholder="0" 
             min="0"
            max="9999"
            @input="value => gzzkNum4 = getRightVal(gzzkNum4)">
            <span class="txt">%</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="gzzkNum4!=null?'act':''"
          @click="toSetDiscounTtGzs(360,gzzkNum4)"
          >
          设置</van-button
        >  </div>
        <div class="cont m10">
          <div class="left">当前lp开关</div>
          <div class="right">
                    <div class="laber">原有：{{lpinfo?lpinfo.r2?'开启':'关闭':''}} </div>  
            <div class="sinput fend" > 
             <van-popover
              v-model="lpsxshow"
              trigger="click"
              :actions="actions"
              :overlay="true"
              @select="onSelectLp"
              theme="dark"
            >
            <template #reference>
              <div class="txt" >{{lpenable?'开启':'关闭'}}</div>
            </template>
          </van-popover>
          <van-icon name="arrow-down" color="#46ecf8"/>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          @click="toSetStakeEnabledLps"
          >
          设置</van-button
        >  </div>


        <div class="cont m10">
          <div class="left">当前lp质押剩余额度</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{lpinfo?dexc(lpinfo.r3):'0'}} </div>  
             <input type="text" class="input" v-model.trim="lpxzNum" placeholder="0" >
             <span class="txt"></span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="lpxzNum>0?'act':''"
          @click="toSetStakeQuotaLps"
          >
          设置</van-button
        >  </div>

        <div class="cont m10">
          <div class="left">当前30的LP债券加成比例（折扣率：{{lpRatio?100-lpRatio.r1:'0'}}%）</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{lpRatio?lpRatio.r1:'0'}} %</div>  
             <input type="text" class="input" v-model.trim="lpzkNum" placeholder="0" 
             min="0"
            max="9999"
            @input="value => lpzkNum = getRightVal(lpzkNum)">
            <span class="txt">%</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="lpzkNum!=null?'act':''"
          @click="toSetDiscounTtLps(30,lpzkNum)"
          >
          设置</van-button
        >  </div>

        <div class="cont m10">
          <div class="left">当前90的LP债券加成比例（折扣率：{{lpRatio?100-lpRatio.r2:'0'}}%）</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{lpRatio?lpRatio.r2:'0'}} %</div>  
             <input type="text" class="input" v-model.trim="lpzkNum2" placeholder="0" 
             min="0"
            max="9999"
            @input="value => lpzkNum2 = getRightVal(lpzkNum2)">
            <span class="txt">%</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="lpzkNum2!=null?'act':''"
          @click="toSetDiscounTtLps(90,lpzkNum2)"
          >
          设置</van-button
        >  </div>

        <div class="cont m10">
          <div class="left">当前180的LP债券加成比例（折扣率：{{lpRatio?100-lpRatio.r3:'0'}}%）</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{lpRatio?lpRatio.r3:'0'}} %</div>  
             <input type="text" class="input" v-model.trim="lpzkNum3" placeholder="0" 
             min="0"
            max="9999"
            @input="value => lpzkNum3 = getRightVal(lpzkNum3)">
            <span class="txt">%</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="lpzkNum3!=null?'act':''"
          @click="toSetDiscounTtLps(180,lpzkNum3)"
          >
          设置</van-button
        >  </div>

        <div class="cont m10">
          <div class="left">当前360的LP债券加成比例（折扣率：{{lpRatio?100-lpRatio.r4:'0'}}%）</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{lpRatio?lpRatio.r4:'0'}} %</div>  
             <input type="text" class="input" v-model.trim="lpzkNum4" placeholder="0" 
             min="0"
            max="9999"
            @input="value => lpzkNum4 = getRightVal(lpzkNum4)">
            <span class="txt">%</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="lpzkNum4!=null?'act':''"
          @click="toSetDiscounTtLps(360,lpzkNum4)"
          >
          设置</van-button
        >  </div>

        <div class="cont m10">
          <div class="left">当前奖金池每日释放比例</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{dratio||'0'}} ‰</div>  
             <input type="text" class="input" v-model.trim="dratios" placeholder="100 ~ 475" >
             <span class="txt">‰</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="dratios>0?'act':''"
          @click="toSetDailyRatio"
          >
          设置</van-button
        >  </div>

        <div class="cont m10">
          <div class="left">当前动态奖励比例</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{dyratio||'0'}} %</div>  
             <input type="text" class="input" v-model.trim="dyratios" placeholder="0 ~100" >
             <span class="txt">%</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="dyratios>0?'act':''"
          @click="toSetRatio"
          >
          设置</van-button
        >  </div>

        <div class="cont m10">
          <div class="left">当前静态奖励比例</div>
          <div class="right">
            <div class="sinput" > 
              <div class="snum">原有：{{stratio||'0'}} %</div>  
             <input type="text" class="input" v-model.trim="stratios" placeholder="0 ~100" >
             <span class="txt">%</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :loading="loading"
          :class="stratios>0?'act':''"
          @click="toSetRatios"
          >
          设置</van-button
        >  </div>     
      </div>
   
     </div>
     
     <!-- 合约提币 -->
     <div class="card">
      <div class="titles">
        国库合约资产领取
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">用户地址</div>
          <div class="right">
            <div class="sinput" >      
             <input type="text" class="input tlket" v-model="gkUser" placeholder="用户地址" >
             <span class="txt"></span>
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="left"></div>
          <div class="right">
            
            <div class="laber">选择代币</div> 
            <div class="sinput fend" > 
             <van-popover
              v-model="sxshows"
              trigger="click"
              :actions="action2"
              :overlay="true"
              @select="onSelect2"
              theme="dark"
            >
            <template #reference>
              <div class="txt" >{{token2s}}</div>
            </template>
          </van-popover>
          <van-icon name="arrow-down" color="#46ecf8"/>
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="left">现有币量</div>
          <div class="right">            
            <div class="sinput jleft" >   
              <div class="snum">可用：{{continfo?token2==1?dexc(continfo.r6)
                :token2==2?dexc(continfo.r4):token2==3?dexc(continfo.r7):'0':''}} {{token2s}}</div>     
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="right">            
            <div class="sinput" >   
              <div class="snum">输入：</div>  
             <input type="text" class="input " v-model="gkNum" placeholder="数量" >
             <span class="txt">{{token2s}}</span>
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="gkUser&&gkNum?'act':''" 
          :loading="loading"
          @click="toOwnerWithdraw"
          >
          领取</van-button
        >
      </div> </div>
     </div>

     <div class="card">
      <div class="titles">
        单币质押合约资产领取
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">用户地址</div>
          <div class="right">
            <div class="sinput" >      
             <input type="text" class="input tlket" v-model="dbUser" placeholder="用户地址" >
             <span class="txt"></span>
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="left">现有币量</div>
          <div class="right">            
            <div class="sinput jleft" >   
              <div class="snum">可用：{{continfo?dexc(continfo.r2):'0'}}FPC</div>     
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="right">            
            <div class="sinput" >   
              <div class="snum">输入：</div>  
             <input type="text" class="input " v-model="dbtxNum" placeholder="数量" >
             <span class="txt">FPC</span>
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="dbtxNum?'act':''" 
          :loading="loading"
          @click="toOwnerWithdrawDbs"
          >
          领取</van-button
        >
      </div> </div>

     </div>

     <div class="card">
      <div class="titles">
        国债质押合约资产领取
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">用户地址</div>
          <div class="right">
            <div class="sinput" >      
             <input type="text" class="input tlket" v-model="gzUser" placeholder="用户地址" >
             <span class="txt"></span>
            </div>
          </div>
        </div>
       <div class="cont m10">
          <div class="left">现有币量</div>
          <div class="right">            
            <div class="sinput jleft" >   
              <div class="snum">可用：{{continfo?dexc(continfo.r1):'0'}} FPC</div>       
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="right">            
            <div class="sinput" >   
              <div class="snum">输入：</div>  
             <input type="text" class="input " v-model="gztxNum" placeholder="数量" >
             <span class="txt">FPC</span>
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="(gzUser&&gztxNum)?'act':''" 
          :loading="loading"
          @click="toOwnerWithdrawGzs"
          >
          领取</van-button
        >
      </div> </div>
     </div>


     <div class="card">
      <div class="titles">
        LP质押合约资产领取
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">用户地址</div>
          <div class="right">
            <div class="sinput" >      
             <input type="text" class="input tlket" v-model="lpUser" placeholder="用户地址" >
             <span class="txt"></span>
            </div>
          </div>
        </div>      
        <div class="cont m10">
          <div class="left">现有币量</div>
          <div class="right">            
            <div class="sinput jleft" >   
              <div class="snum">可用：{{continfo?dexc(continfo.r3):'0'}} FPC</div>       
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="right">            
            <div class="sinput" >   
              <div class="snum">输入：</div>  
             <input type="text" class="input " v-model="lptxNum" placeholder="数量" >
             <span class="txt">FPC</span>
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="(lpUser&&lptxNum)?'act':''" 
          :loading="loading"
          @click="toOwnerWithdrawLps"
          >
          领取</van-button
        >
      </div> </div>
     </div>

     <div class="card">
      <div class="titles">
        奖金池合约资产领取
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">用户地址</div>
          <div class="right">
            <div class="sinput" >      
             <input type="text" class="input tlket" v-model="jjcUser" placeholder="用户地址" >
             <span class="txt"></span>
            </div>
          </div>
        </div>     
        <div class="cont m10">
          <div class="left">现有币量</div>
          <div class="right">            
            <div class="sinput jleft" >   
              <div class="snum">可用：{{continfo?dexc(continfo.r5):'0'}} FPC</div>       
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="right">            
            <div class="sinput" >   
              <div class="snum">输入：</div>  
             <input type="text" class="input " v-model="jjctxNum" placeholder="数量" >
             <span class="txt">FPC</span>
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="(jjcUser&&jjctxNum)?'act':''" 
          :loading="loading"
          @click="toOwnerWithdrawJjcs"
          >
          领取</van-button
        >
      </div> </div>
     </div>

     <div class="card">
      <div class="titles">
        国库执行买入
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="right">
            <div class="laber"> 累计购买数量： </div>
            <div class="sinput" >      
              <div class="snum flx">{{gkInfo?dexc(gkInfo.r2):'0'}} FPC</div>  
              
            </div>
          </div>
          <div class="right">
            <div class="laber">累计购买金额：</div>
            <div class="sinput" >      
              <div class="snum flx">{{gkInfo?dexc(gkInfo.r1):'0'}} USDT</div>   
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="right">            
            <div class="sinput" >   
              <div class="snum">输入：</div>  
             <input type="text" class="input " v-model="buyNum" placeholder="输入购买金额" >
             <span class="txt">USDT</span>
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="buyNum?'act':''" 
          :loading="loading"
          @click="toOwnerBuy"
          >
          执行购买</van-button
        >
      </div> </div>
     </div>

     <div class="card">
      <div class="titles">
        国库执行卖出
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="right">
            <div class="laber">累计卖出数量：</div>
            <div class="sinput" >      
              <div class="snum flx">{{gkInfo?dexc(gkInfo.r4):'0'}} FPC</div>   
            </div>
          </div>
          <div class="right">
            <div class="laber">累计卖出金额：</div>
            <div class="sinput" >      
              <div class="snum flx">{{gkInfo?dexc(gkInfo.r3):'0'}}USDT</div>   
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="right">            
            <div class="sinput" >   
              <div class="snum">输入：</div>     
             <input type="text" class="input " v-model="sellNum" placeholder="输入卖出数量" >
             <span class="txt">FPC</span>
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="sellNum?'act':''" 
          :loading="loading"
          @click="toOwnerSell"
          >
          执行购买</van-button
        >
      </div> </div>
     </div>


          <!-- 设置用户等级 -->
          <!-- <div class="card">
      <div class="titles">
        设置用户等级
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">用户地址</div>
          <div class="right">
            <div class="sinput" >    
             <input type="text" class="input tlket" v-model="user" placeholder="用户地址" >
             <span class="txt">等级：</span>
             <van-popover
              v-model="sxshow"
              trigger="click"
              :actions="action"
              :overlay="true"
              @select="onSelect"
              theme="dark"
            >
            <template #reference>
              <div class="txt" v-if="level!=''">{{levelName}}</div>
              <div class="txt" v-else>选择 </div>
            </template>
          </van-popover>
          <van-icon name="arrow-down" color="#46ecf8"/>
            </div>
          </div>
        </div>
        
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="(user&&levelName)?'act':''" 
          :loading="loading"
          @click="toSetLevel"
          >
          设置</van-button
        >
      </div> </div>
     </div> -->
       <!-- 设置是否节点 -->
     <!-- <div class="card">
      <div class="titles">
        设置是否节点
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">用户地址</div>
          <div class="right">
            <div class="sinput" >    
             <input type="text" class="input tlket" v-model="users" placeholder="用户地址" >
             <div class="txt">是否节点:</div>
             <van-popover
              v-model="sxshows"
              trigger="click"
              :actions="actions"
              :overlay="true"
              @select="onSelects"
              theme="dark"
            >
            <template #reference>
              <div class="txt" >{{enable?'是':'否'}}</div>
            </template>
          </van-popover>
          <van-icon name="arrow-down" color="#46ecf8"/>
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="(users)?'act':''" 
          :loading="loading"
          @click="toSetNodeLevel"
          >
          设置</van-button
        >
      </div> </div>
     </div> -->
<!-- 预约订单记录 -->

<div class="card">
      <div class="titles">
        设置
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">静态算力小于多少订单不享受分红</div>
          <div class="right">            
            <div class="sinput" >    
             <input type="text" class="input " v-model="sprice1" placeholder="数量" >
             <span class="txt">USDT</span>
            </div>
          </div>
        </div>
        <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="sprice1?'act':''" 
          :loading="loading"
          @click="toSetMinStaticPower"
          >
          设置</van-button
        >
      </div> 
        <div class="cont m10">
          <div class="left">小区算力小于多少账户不享受分红</div>
          <div class="right">            
            <div class="sinput" >    
             <input type="text" class="input " v-model="sprice2" placeholder="数量" >
             <span class="txt">USDT</span>
            </div>
          </div>
        </div>
        <div class="beizhu">备注：设置的是usdt金额，自动换算多少代币（算力），静态小于设置</div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="sprice2?'act':''" 
          :loading="loading"
          @click="toSetMinCommunityPower"
          >
          设置</van-button
        >
      </div> </div>
     </div>
     
     <div class="card" v-if="false">
      <div class="titles">
        查询功能
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="right">            
            <div class="sinput" >      
             <input type="text" class="input tlket" v-model="user" placeholder="用户地址" >
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="user?'act':''" 
          :loading="loading"
          @click="toQueryUser"
          >
          查询</van-button
        >
      </div> 
    </div>
    <div class="list" v-if="Uinfo">
      <div class="item">
        <div class="left">个人静态算力值</div>
        <div class="right">{{dexc(Uinfo.r1)}}</div>
      </div>
      <div class="item">
        <div class="left">个人动态算力值</div>
        <div class="right">{{dexc(Uinfo.r2)}}</div>
      </div>
      <div class="item">
        <div class="left">个人小区算力值</div>
        <div class="right">{{dexc(Uinfo.r3)}}</div>
      </div>
      <div class="item">
        <div class="left">个人累计收益</div>
        <div class="right">{{dexc(Uinfo.r5)}}</div>
      </div>
      <div class="item">
        <div class="left">单币质押订单</div>
        <div class="right">{{dexc(Uinfo.r4)}}</div>
      </div>
      <div class="item">
        <div class="left">lp质押订单</div>
        <div class="right">{{dexc(Uinfo.r6)}}</div>
      </div>
      <div class="item">
        <div class="left">国债质押订单</div>
        <div class="right">{{dexc(Uinfo.r6)}}</div>
      </div>
      <div class="item">
        <div class="left">国债权益订单</div>
        <div class="right">{{dexc(Uinfo.r6)}}</div>
      </div>
      <div class="item">
        <div class="left">涡轮订单</div>
        <div class="right">{{dexc(Uinfo.r6)}}</div>
      </div>
    </div>
     </div>
     <div class="card">
      <div class="titles">
        冻结功能
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">用户地址</div>
          <div class="right">            
            <div class="sinput" >      
             <input type="text" class="input tlket" v-model="djuser" placeholder="用户地址" >
             <span class="txt" @click="toQuerydj">查询</span>
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="right">
            <div class="laber">原有：{{djenables?'开启':'关闭'}} </div>  
            <div class="sinput fend" > 
             <van-popover
              v-model="sxshow"
              trigger="click"
              :actions="actions"
              :overlay="true"
              @select="onSelect"
              theme="dark"
            >
            <template #reference>
              <div class="txt" >{{enables?'开启':'关闭'}}</div>
            </template>
          </van-popover>
          <van-icon name="arrow-down" color="#46ecf8"/>
            </div>
          </div>
        </div>
        <div class="beizhu">冻结说明：冻结的地址无法进行所有的合约执行操作</div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="djuser?'act':''" 
          :loading="loading"
          @click="toSetUserBlack"
          >
          设置</van-button
        >
      </div> </div>
     </div>
     <div class="card">
      <div class="titles">
        基础算力加成系数
      </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="left">当前算力加成系数</div>
          <div class="right">            
            <div class="sinput" >   
              <div class="snum">原有：{{factor?factor:'0'}}({{factor/10}}%) </div>     
             <input type="text" class="input " v-model="sxNum" 
             @input="value => sxNum = getRightVal(sxNum)" placeholder="数量" >
             <span class="txt"></span>
            </div>
          </div>
        </div>
        <div class="beizhu">备注：设置1000对应100%基础算力加成系数</div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="sxNum?'act':''" 
          :loading="loading"
          @click="toSetFactor"
          >
          设置</van-button
        >
      </div> </div>
      
     </div>
<div class="card">
      <div class="titles">
        生成LP债券订单功能
      </div>
      <div class="box">
             <div class="scont">
            <div class="left cnt">累计生成订单金额</div>
          <div class="right">
              <div class="num">{{dexc(lpOrder.r1)}} USDT</div>    
          </div>
          </div>
           <div class="scont">
            <div class="left cnt">累计生成算力值</div>
          <div class="right">
              <div class="num">{{dexc(lpOrder.r3)}} </div>    
          </div>
          </div>
           <div class="scont">
            <div class="left cnt">累计生成代币数量</div>
          <div class="right">
              <div class="num">{{dexc(lpOrder.r2)}} FPC </div>    
          </div>
          </div>
      </div>
      
      <div class="box"  >
        <div class="cont m10">
          <div class="right">
            <div class="sinput" >   
              <div class="snum">用户地址:</div> 
             <input type="text" class="input " v-model="lpOrderUser" placeholder="用户地址" >
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="right">
            <div class="sinput" >   
              <div class="snum">USDT数量:</div> 
             <input type="text" class="input " v-model="lpOrderNum" placeholder="0" >
            </div>
          </div>
        </div>
        <div class="cont m10">
          <div class="right">
           <div class="laber">周期:</div>
            <div class="sinput fend" >    
              <div class="snum"></div>
             <van-popover
              v-model="lpOrdershow"
              trigger="click"
              :actions="actionDay"
              :overlay="true"
              @select="onSelectDay"
              theme="dark"
            >
            <template #reference>
              <div class="txt" v-if="lpOrderDay!=''">{{lpOrderDayTxt}}</div>
              <div class="txt" v-else>选择 </div>
            </template>
          </van-popover>
            </div>
          </div>
        </div>
       
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="(lpOrderUser&&lpOrderNum&&lpOrderDay)?'act':''" 
          :loading="loading"
          @click="toSetLpOrders"
          >
          确认生成</van-button
        >
      </div>       
    </div>
     </div>

     
     <div class="card">
      <div class="titles">
        有效业绩统计
      </div>
      <div class="box">
        <div class="scont">
            <div class="left cnt">全网运营中心数量</div>
          <div class="right">
              <div class="num">{{jsinfo?jsinfo.r5:'0'}} </div>    
          </div>
          </div>
           <div class="scont">
            <div class="left cnt">全网服务中心数量</div>
          <div class="right">
              <div class="num">{{jsinfo?jsinfo.r6:'0'}} </div>    
          </div>
          </div>
        <div class="scont">
            <div class="left cnt">业绩版块累计结算奖励</div>
          <div class="right">
              <div class="num">{{dexc(jsinfo.r1)||0}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">业绩版块累计结算奖励</div>
          <div class="right">
              <div class="num">{{dexc(jsinfo.r2)||0}} USDT</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">业绩版块累计分享奖励</div>
          <div class="right">
              <div class="num">{{dexc(jsinfo.r3)||0}} FPC</div>    
          </div>
          </div>
          <div class="scont">
            <div class="left cnt">业绩版块累计分享奖励 </div>
          <div class="right">
              <div class="num">{{dexc(jsinfo.r4)||0}} USDT</div>    
          </div>
          </div>
          </div>
      <div class="box"  >
        <div class="cont m10">
          <div class="right">            
            <div class="sinput" >      
             <input type="text" class="input tlket" v-model="jsuser" placeholder="用户地址" >
                      <span class="txt" @click="jsuser=''" v-if="jsuser">清空</span>
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="jsuser?'act':''" 
          :loading="loading"
          @click="toQueryJs"
          >
          查询</van-button
        >
      </div> 
    </div>
    <div class="list" v-if="jsUinfo">
      <div class="item">
        <div class="left">当前等级</div>
        <div class="right">{{jsUinfo.lvname}}</div>
      </div>
      <div class="item">
        <div class="left">当前业绩</div>
        <div class="right">{{dexc(jsUinfo.r1)}}</div>
      </div>
        <div class="item">
        <div class="left">有效业绩</div>
        <div class="right">{{dexc(jsUinfo.r7)}}</div>
      </div>
      <div class="item">
        <div class="left">奖励总额</div>
        <div class="right">{{dexc(jsUinfo.r2)}}</div>
      </div>
      <div class="item">
        <div class="left">已发放业绩奖励USDT</div>
        <div class="right">{{dexc(jsUinfo.r3)}}</div>
      </div>
      <div class="item">
        <div class="left">已发放业绩奖励FPC</div>
        <div class="right">{{dexc(jsUinfo.r5)}}</div>
      </div>
      <div class="item">
        <div class="left">已发放分享奖励USDT</div>
        <div class="right">{{dexc(jsUinfo.r4)}}</div>
      </div>
      <div class="item">
        <div class="left">已发放分享奖励FPC</div>
        <div class="right">{{dexc(jsUinfo.r6)}}</div>
      </div>
    </div>
    
    <div class="title">发放奖励</div>
    <div class="box"  >
        <div class="cont m10">       
          <div class="right">              
            <div class="sinput" >     
              <div class="snum">用户地址：</div>        
             <input type="text" class="input tlket" v-model="jsuser3" placeholder="用户地址" >
           <span class="txt" @click="jsuser3=''" v-if="jsuser3">清空</span>
            </div>
          </div>
        </div>
        <div class="cont m10">       
          <div class="right">              
            <div class="sinput" >     
              <div class="snum">发放数量：</div>        
             <input type="text" class="input tlket" v-model="jsNum" placeholder="0" >
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="(jsNum&&jsuser3)?'act':''" 
          :loading="loading"
          @click="toReleaseSettlementRewards"
          >
          设置</van-button
        >
      </div> 
    </div>
    <div class="box"  >
        <div class="cont m10">       
          <div class="right">              
            <div class="sinput" >     
              <div class="snum">设置运营中心：</div>        
             <input type="text" class="input tlket" v-model="jsuser1" placeholder="用户地址" >
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="jsuser1?'act':''" 
          :loading="loading"
       
          @click="toSetOperationsServiceCenters"
          >
          设置</van-button
        >
      </div> 
    </div>

    <div class="box"  >
        <div class="cont m10">       
          <div class="right">              
            <div class="sinput" >     
              <div class="snum">设置服务中心：</div>        
             <input type="text" class="input tlket" v-model="jsuser2" placeholder="用户地址" >
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="jsuser2?'act':''" 
          :loading="loading"
          @click="toSetUserServiceCenters"
          >
          设置</van-button
        >
      </div> 
    </div>
    <div class="box"  >
        <div class="cont m10">       
          <div class="right">              
            <div class="sinput" >     
              <div class="snum">清空用户等级：</div>        
             <input type="text" class="input tlket" v-model="jsuser4" placeholder="用户地址" >
            </div>
          </div>
        </div>
      <div class="buttom" >
        <van-button
          type="primary"
          class="btn" 
          :class="jsuser4?'act':''" 
          :loading="loading"
          @click="toSetCancelLevels"
          >
          设置</van-button
        >
      </div> 
    </div>
    
     </div>





































     

 <div class="card">
      <div class="titles">授权地址</div>
      <div class="box">
        <div class="link">{{base2 |yingcang}}</div>     
      </div>      

     </div>



      
    <div class="buttoms">Copyright © 2025 Future protocol. All rights reserved.</div>
    </div>

<!-- 授权 -->
 <van-popup v-model="impower" round :close-on-click-overlay="false">
      <div class="popup">       
        <div class="sqtxt">{{$t('m.sqinfo')}}</div>
        <div class="flsz">       
         <div class="btn" @click="approve">
          {{ sqloading ? $t("m.sqload") : $t("m.sqbtn") }}
        </div>
        </div>
      </div>
    </van-popup>
    
<!-- 领取 -->
 <van-popup v-model="lqshow" round :close-on-click-overlay="false">
      <div class="popup">
           <div class="top"> <div class="title">{{$t('m.qrlq')}}</div>
        <img src="../assets/img/gbs.png" alt="" class="close" v-if="!lqloading" @click="lqshow=false"/>
    </div>
        <div class="sqtxt">{{$t('m.ny')}}</div>
          <div class="rbox">
            <div class="num">{{lqNum||0}}</div>
            <div class="txt" >MINC</div>   
            <img src="../assets/img/slogo.png" alt=""  srcset="" class="ico">
          </div> 
        <div class="flsz"> 
         <van-button
          :loading="lqloading"
          type="primary"
          @click="scSelect"
          class="btn"
        >
         {{$t('m.lqlj')}}</van-button
        >
        </div>
      </div>
    </van-popup>


    <van-popup v-model="shows" round :close-on-click-overlay="false">
      <div class="popup">
        <div class="top"> 
        <div class="title">{{ $t("m.dltt") }}</div></div>
        <div class="txt">{{ $t("m.dlinfo") }}</div>
        <div class="btns" @click="ethConnect">{{ $t("m.dlbtn") }}</div>     
      </div>
    </van-popup>

  </div>
</template>

<script>
import { connectTron ,Sign,getTotalData,getContBalanceFPC,getGksinfo,
getDbData,toSetMinStakeAmountDb,toSetStakeEnabledDb,toOwnerWithdrawDb,getDbTotalData,
getLpData,getLpRatio,toSetDiscounTtLp,toSetStakeEnabledLp,toSetStakeQuotaLp,getLpOrderData,toOwnerWithdrawLp,toSetLpOrder,
getGzData,getGzRatio,toSetDiscounTtGz,toSetStakeEnabledGz,toSetStakeQuotaGz,toOwnerWithdrawGz,
toSetBlack,getUserBlack,toSetRemveBlack,getContTotalPower,
getJsData,toSetUserServiceCenter,toSetOperationsServiceCenter,toReleaseSettlementReward,toSetCancelLevel,getUserData,
toOwnerBuy,getFactor,toSetFactor,toSetMinStaticPower,toOwnerSell,toOwnerWithdraw,
toSetMinCommunityPower,getDailyRatio,getDynamicRatio,getStaticRatio,toSetDailyRatio,toSetRatio,toOwnerWithdrawJjc
}from "@/api/Public";
import Header from '../components/header.vue';
import Web3 from 'web3'
export default {
  name: "Home",
  components: {Header},
  data() {
    return {

      banner: [ 
        {  "thumb": require('../assets/img/banner.jpg'),"thumb_en": require('../assets/img/banner.jpg')},      
      ],  
      userWallet: "",
      loading:false,
      shows:false,
      xzNum:'',      
      cbbl:"",
      jdcbbl:"",
      cbNum:"",
      impower:false,
      lqloading:false,
      lqshow:false,
      sqloading:false,
      lqNum:'',
      ndNum:"",
      token:"",
      user:'',
      level:"",
      levelName:"",
      users:"",
      enable:false,
      list:[],
      action:[{text:"初级矿工",val:1},{text:"中级矿工",val:2},
      {text:"高级矿工",val:3},{text:"超级矿工",val:4},
      {text:"创世矿工",val:5}],
      actions:[{text:"开启",val:true},{text:"关闭",val:false}],
      action2:[
        {text:"USDT",val:1},{text:"FPC",val:2},{text:'LP-FPC',val:3}
      ],
      token2s:"USDT",
      token2:1,
      sxshow2:false,
      sxshow:false,
      sxshows:false,
      info:"",
      available:0,
      energy:0,
      base:"0x80D2E21D063c2dc82e3071F566EE214775711402",
      base2:"0x8065443CeDaE8763632e65dbDB375F156C5bf2e2",
      add:'',
      num:'',
      price:"",
      priceUp:"",
      priceDown:"",
      sprice:"",
      spriceUp:"",
      spriceDown:"",
      continfo:"",
      sprice2:"",
      sprice1:'',
      enables:false,
      buyNum:"",
      sellNum:'',
      djuser:"",
      djenables:"",
      sxNum:"",
      factor:"",
      gkNum:"",
      gkUser:'',
      dratio:"",
      dratios:"",
      dyratio:'',
      dyratios:"",
      stratio:"",
      stratios:"",
      dbinfo:"",
      dbxzNum:"",
      gkInfo:'',
      lpinfo:"",
      lpRatio:'',
      lpzkNum:'',
      lpzkNum2:'',
      lpzkNum3:'',
      lpzkNum4:'',
      lpxzNum:'',
      lpenable:false,
      lpsxshow:false,
      gzinfo:"",
      gzRatio:"",
      gzzkNum:'',
      gzzkNum2:'',
      gzzkNum3:'',
      gzzkNum4:'',
      gzxzNum:'',
      gzenable:false,
      gzsxshow:false,
      dbUser:"",
      dbhyNum:"",
      dbtxNum:'',
      gzUser:"",
      gzhyNum:"",
      gztxNum:"",
      lpUser:"",
      lphyNum:"",
      lptxNum:"",
      jjcUser:"",
      jjchynum:"",
      jjctxNum:"",
      dbtotal:'',
      jsinfo:'',
      jsUinfo:"",
      jsuser:"",
      jsuser1:"",
      jsuser2:"",
      jsuser3:"",
      jsuser4:'',
      jsNum:"",
      Uinfo:"",
      lpOrder:"",
      lpOrderUser:"",
      lpOrderNum:'',
      lpOrderDay:'',
      lpOrdershow:false,
      lpOrderDayTxt:'',
      totalPower:"",
      actionDay:[{text:"30天-0%",val:30},{text:"90天-5%",val:90},{text:"180天-10%",val:180},{text:"360天-15%",val:360},]


      
      
    };
  },
  filters: {
    yingcang(val) {
      if (val) {
        let a = val.replace(/(\w{12})\w+(\w{12})/, "$1******$2");       
        return a;
      } else {
        return "...";
      }
    },
      time(time){
      if(time){
        var reg = /^(\d{4})-(\d{1,2})-(\d{1,2})\s(\d{1,2})(:(\d{1,2})){2}$/;
        var end = time.match(reg).slice(1,4).join('-');
        return end
      }
    }
  },
   watch: {
    "$store.getters.userWallet": function (val) {
       this.pustadd(val)
    },
     "$store.getters.nlist": function (val) {
      //  console.log(val.length);
       this.mapdata()
    },
    deep: true,
    immediate: true,
  },
  // beforeCreate(){
  //   this.ethConnect()
  // },
  beforeCreate() {
    var i = 0;
    var a = setInterval(() => {
      if (typeof window.ethereum !== "undefined") {
        connectTron().then(
          (info) => {
            clearInterval(a);
            if (info[0]&&info[0].indexOf("0x") == 0) {
              if(this.$store.getters.myFil!=info[0]){  
                this.userWallet =  info[0]   
                 this.$store.commit("userWallet", info[0]);   
                this.impower=true
                // this.cread(info[0])
                // this.yanzheng(info[0])
              }else{
                this.$store.commit("userWallet", info[0]); 
                this.cread(info[0])                 
              }
              //    
              //      
              
            } else {
              // this.$notify("请使用HECO地址登录游戏");
            }
          }
        );
      }
      if (i > 5) {
        // this.$notify("钱包失联了！！");
        clearInterval(a);
      }
      console.log(i);
      i++;
    }, 1000);
  },
    mounted() {
    // 监听页面刷新事件
    window.addEventListener('beforeunload', this.handleBeforeUnload);
    window.addEventListener('load', this.handlePageLoad);
  },
   beforeDestroy() {
    // 组件销毁前移除事件监听
    window.removeEventListener('beforeunload', this.handleBeforeUnload);
    window.removeEventListener('load', this.handlePageLoad);
  },
  created() { 
      this.yqmcode = this.getQueryString("code");
      this.userWallet = this.$store.getters.userWallet;   
      this.getContBalanceFPCs();   
        this.getContTotalPower()
        this.getLpOrderData()
    this.cread();
    this.getDbData()
    this.getGzData()
    this.getGzRatio()
    this.getLpData()
    this.getLpRatio()
    this.getFactors()
    this.getDbTotalData()
    this.getJsData()
    this.getGksinfo()

    // this.getPrice()

 
  },

  computed: {
    dqyy() {
      if (this.$store.getters.language) {
        return this.$store.getters.language;
      } else {
        return "en-US";
      }
    },  
  },
  methods:{
      dexc(val){
    if(val){
      let  ethereum = window.ethereum
    let web3s = new Web3(ethereum);
      let amount=  web3s.utils.fromWei(val +'', 'ether'); 
      // let num =val/Math.pow(10,18)
      return val?  Math.round(amount*1000000)/1000000:'0'
    }else{
      return 0
    }
    },
    getContTotalPower(){
      getContTotalPower().then(res=>{
        this.totalPower=res
      })
    },
    getGksinfo(){
      getGksinfo().then(res=>{
        this.gkInfo=res
      })
    },
    getContBalanceFPCs(){
      getContBalanceFPC().then(res=>{
        this.continfo=res
      })
    },
    getJsData(){
      getJsData().then(res=>{
        this.jsinfo=res
      })
    },
    getDbTotalData(){
      getDbTotalData().then(res=>{
        this.dbtotal=res
      })
    },
      getGzData(){
      getGzData().then(res=>{
        this.gzinfo=res
      })
    },
    getGzRatio(){
      getGzRatio().then(res=>{
        this.gzRatio=res
      })
    },
       toOwnerWithdrawGzs(){
    if(this.gzUser&&this.gztxNum>0){
        this.loading=true
        toOwnerWithdrawGz(this.gzUser,this.userWallet,this.gztxNum).then(res=>{
        this.loading=false
        if(res){
                this.$notify({
                    message:'操作成功' ,
                    type: "success",
                  });
                  this.getContBalanceFPCs()
              }
        })
      }
},
    toSetDiscounTtGzs(type,num){
      if(num!=null){
        this.loading=true
        let gzzkNum= num>0?num:0
      toSetDiscounTtGz(this.userWallet,gzzkNum,type).then(res=>{
        this.loading=false
        if(res){         
           this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });            
          this.getGzRatio()
        }
      })
      }
    },
     toSetStakeQuotaGzs(){
      if(this.gzxzNum){
        this.loading=true
      toSetStakeQuotaGz(this.userWallet,this.gzxzNum).then(res=>{
        this.loading=false
        if(res){       
           this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
             this.getGzData()
        }
      })
      }
    },
       toSetStakeEnabledGzs(){
        this.loading=true
      toSetStakeEnabledGz(this.userWallet,this.gzenable).then(res=>{
        this.loading=false
        if(res){       
           this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
             this.getGzData()
        }
      })      
    },
    getLpData(){
      getLpData().then(res=>{
        this.lpinfo=res
      })
    },
    getLpRatio(){
      getLpRatio().then(res=>{
        this.lpRatio=res
      })
    },
    toOwnerWithdrawLps(){
    if(this.lpUser&&this.lptxNum>0){
        this.loading=true
        toOwnerWithdrawLp(this.lpUser,this.userWallet,this.lptxNum).then(res=>{
        this.loading=false
        if(res){
                this.$notify({
                    message:'操作成功' ,
                    type: "success",
                  });
                  this.getContBalanceFPCs()
              }
        })
      }
},
    toSetDiscounTtLps(type,num){
      if(num!=null){
        this.loading=true
        let lpzkNum= num>0?num:0
      toSetDiscounTtLp(this.userWallet,lpzkNum,type).then(res=>{
        this.loading=false
        if(res){
         
           this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
            this.getLpRatio()
        }
      })
      }
    },
     toSetStakeQuotaLps(){
      if(this.lpxzNum){
        this.loading=true
      toSetStakeQuotaLp(this.userWallet,this.lpxzNum).then(res=>{
        this.loading=false
        if(res){
       
           this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
             this.getLpData()
        }
      })
      }
    },
       toSetStakeEnabledLps(){
        this.loading=true
      toSetStakeEnabledLp(this.userWallet,this.lpenable).then(res=>{
        this.loading=false
        if(res){       
           this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
             this.getLpData()
        }
      })      
    },
    getDbData(){
      getDbData().then(res=>{
        this.dbinfo=res
      })
    },
        toOwnerWithdrawDbs(){
    if(this.dbUser&&this.dbtxNum>0){
        this.loading=true
        toOwnerWithdrawDb(this.dbUser,this.userWallet,this.dbtxNum).then(res=>{
        this.loading=false
        if(res){
                this.$notify({
                    message:'操作成功' ,
                    type: "success",
                  });
                  this.getContBalanceFPCs()
              }
        })
      }
},
    toSetMinStakeAmountDbs(){
      if(this.dbxzNum){
          this.loading=true
      toSetMinStakeAmountDb(this.userWallet,this.dbxzNum).then(res=>{
        this.loading=false
       if(res){
        this.getDbData()
                this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
        }
      })
      }
    },
     toSetStakeEnabledDbs(){
      this.loading=true
      toSetStakeEnabledDb(this.userWallet,this.enable).then(res=>{
        this.loading=false
        if(res){
           this.getDbData()
                this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
        }
      })
    },
    cread(val) {
      this.userWallet = this.$store.getters.userWallet||val;  
      if(this.userWallet){  
        this.loading=false 
        getTotalData(this.userWallet).then(res=>{               
          this.info=Object.assign({},res)
          this.loading=false
        })
        this.getDailyRatio()
        this.getDynamicRatio()
      }else{
        this.shows=true
      }
    },
    getDailyRatio(){
      getDailyRatio().then(res=>{
        this.dratio=res
      })
    },
    getDynamicRatio(){
      getDynamicRatio().then(res=>{
        this.dyratio=res
      })
      getStaticRatio().then(res=>{
        this.stratio=res
      })
    },
     toSetMinStaticPower(){
      if(this.sprice1>0){
        this.loading=true
        toSetMinStaticPower(this.userWallet,this.sprice1).then(res=>{
        this.loading=false
        if(res){
                this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
              }
        })
      }
    },
    toSetMinCommunityPower(){
      if(this.sprice2>0){
        this.loading=true
        toSetMinCommunityPower(this.userWallet,this.sprice2).then(res=>{
        this.loading=false
        if(res){
                this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
              }
        })
      }
    },
    toOwnerBuy(){
      if(this.buyNum>0){
        this.loading=true
        toOwnerBuy(this.userWallet,this.buyNum).then(res=>{
        this.loading=false
        if(res){
          this.getGksinfo()
                this.$notify({
                    message:'买入成功' ,
                    type: "success",
                  });
              }
        })
      }
    },
    toOwnerSell(){
       if(this.sellNum>0){
        this.loading=true
        toOwnerSell(this.userWallet,this.sellNum).then(res=>{
        this.loading=false
        if(res){
          this.getGksinfo()
                this.$notify({
                    message:'买入成功' ,
                    type: "success",
                  });
              }
        })
      }
    },

toQuerydj(){
  console.log('djuser');
  if(this.djuser){
  getUserBlack(this.djuser).then(res=>{
    this.djenables=res
  })
}
},
toSetUserBlack(){
        if(this.djuser){
          if(this.enables){
             toSetBlack(this.userWallet,this.djuser).then(res=>{
        this.loading=false
        if(res){
                this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
              }
        })      
        }else{
toSetRemveBlack(this.userWallet,this.djuser).then(res=>{
        this.loading=false
        if(res){
                this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
              }
        })  
        } }
},
getFactors(){
  getFactor().then(res=>{
    this.factor=res
  })
},
toSetFactor(){
   if(this.sxNum>0){
        this.loading=true
        toSetFactor(this.userWallet,this.sxNum).then(res=>{
        this.loading=false
        if(res){
          this.getFactors()
                this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
              }
        })
      }
},
toQueryJs(){
if(this.jsuser){
  this.loading=true
  getUserData(this.jsuser).then(res=>{
    console.log('js',res);
    this.loading=false
    this.jsuser3=this.jsuser
    this.jsUinfo=res
  })
}
},
toSetUserServiceCenters(){
  if(this.jsuser2){
        this.loading=true
        toSetUserServiceCenter(this.userWallet,this.jsuser2).then(res=>{
        this.loading=false
        if(res){
          this.jsuser2=""
                this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
              }
        })
      }
},
toSetOperationsServiceCenters(){
  if(this.jsuser1){
        this.loading=true
        toSetOperationsServiceCenter(this.userWallet,this.jsuser1).then(res=>{
        this.loading=false
        if(res){
          this.jsuser1=""
                this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
              }
        })
      }
},
toSetCancelLevels(){
  if(this.jsuser4){
        this.loading=true
        toSetCancelLevel(this.userWallet,this.jsuser4).then(res=>{
        this.loading=false
        if(res){
          this.jsuser1=""
                this.$notify({
                    message:'设置成功' ,
                    type: "success",
                  });
              }
        })
      }
},
toReleaseSettlementRewards(){
  if(this.jsuser3&&this.jsNum>0){
        this.loading=true
        toReleaseSettlementReward(this.userWallet,this.jsuser3,this.jsNum).then(res=>{
        this.loading=false
        if(res){
          this.jsuser3=""
          this.jsNum=""
                this.$notify({
                    message:'操作成功' ,
                    type: "success",
                  });
              }
        })
      }
},
toOwnerWithdraw(){
    if(this.gkUser&&this.gkNum>0){
        this.loading=true
        toOwnerWithdraw(this.token2,this.gkUser,this.userWallet,this.gkNum).then(res=>{
        this.loading=false
        if(res){
                this.$notify({
                    message:'操作成功' ,
                    type: "success",
                  });
                  this.getContBalanceFPCs()
              }
        })
      }
},

toSetDailyRatio(){
   if(this.dratios>0){
        this.loading=true
        toSetDailyRatio(this.userWallet,this.dratios).then(res=>{
        this.loading=false
        if(res){
                this.$notify({
                    message:'操作成功' ,
                    type: "success",
                  });
              }
        })
      }
},

toSetRatio(){
   if(this.dyratios>0){
        this.loading=true
        this.stratios=100-this.dyratios
        toSetRatio(this.userWallet,this.dyratios ,this.stratios).then(res=>{
        this.loading=false
        if(res){
          this.getDynamicRatio()
          this.getStaticRatio()
                this.$notify({
                    message:'操作成功' ,
                    type: "success",
                  });
              }
        })
      }
},

toSetRatios(){
   if(this.stratios>0){
        this.loading=true
           this.dyratios=100-this.stratios
        toSetRatio(this.userWallet,this.dyratios ,this.stratios).then(res=>{
        this.loading=false
        if(res){
          this.getDynamicRatio()
          this.getStaticRatio()
                this.$notify({
                    message:'操作成功' ,
                    type: "success",
                  });
              }
        })
      }
},

toOwnerWithdrawJjcs(){  
  if(this.jjcUser&&this.jjctxNum>0){
        this.loading=true
        toOwnerWithdrawJjc(this.jjcUser,this.userWallet,this.jjctxNum).then(res=>{
        this.loading=false
        if(res){
                this.$notify({
                    message:'操作成功' ,
                    type: "success",
                  });
                  this.getContBalanceFPCs()
              }
        })
      }
},

toQueryUser(){

},


















 
getRightVals(val) {
      // 不合法类型、0、负数返回0     
      if(val <= 0) {
        return 0;
      }
      if(val > 1000) {
        return 1000;
      }
      val = parseInt(val);
      if(isNaN(val)) {
        return 0;
      }
      return val;
    },
 

    toSetLevel(){
      if(this.user&&this.level){
        this.loading=true
        toSetUserLevel(this.userWallet,this.user,this.level).then(res=>{
          this.loading=false
          if(res){
            this.$notify({
                message:'设置成功' ,
                type: "success",
              });
          }
        })
      }
    },
    toSetNodeLevel(){
      if(this.users){
        this.loading=true
        toSetNodeUser(this.userWallet,this.users,this.enable).then(res=>{
          this.loading=false
          if(res){
            this.$notify({
                message:'设置成功' ,
                type: "success",
              });
          }
        })
      }
    },
    onSelect(e){
      this.enables=e.val,
      this.sxshow=false
    },
    onSelectDay(e){
      this.lpOrderDay=e.val
      this.lpOrderDayTxt=e.text
      this.lpOrdershow=false
    },
     onSelectLp(e){
      this.lpenable=e.val,
      this.lpsxshow=false
    },   
    onSelectGz(e){
      this.gzenable=e.val,
      this.gzsxshow=false
    }, 
    onSelects(e){
      this.enable=e.val
      this.sxshows=false
    },
    onSelect2(e){
        this.token2=e.val
        this.token2s=e.text
      this.sxshow2=false
      this.gkNum=''
    },
    toGetToken(){
      if(this.token){
        getWithdrawToken(this.userWallet,this.token).then(res=>{
          if(res){
            this.$notify({
                message:'提现成功' ,
                type: "success",
              });
          }
        })
      }
    },
toSet(){
  this.loading=true
  if(this.userWallet){
    this.xzNum=this.xzNum?this.xzNum:this.info.con1
    if(typeof this.cbbl != 'number'){
    this.cbbl=isNaN(this.cbbl)?this.cbbl:this.info.con2
    }
    if(typeof this.jdcbbl != 'number'){
    this.jdcbbl=isNaN(this.jdcbbl)?this.jdcbbl:this.info.con3
    }
    this.cbNum=this.cbNum?this.cbNum:this.info.con4
    this.ndNum=this.ndNum?this.ndNum:this.info.con5
  toSetConfig(this.userWallet,this.xzNum,this.cbbl,this.jdcbbl,this.cbNum,this.ndNum).then(res=>{
    this.loading=false
    if(res){
      this.cread()
      this.$notify({
                message:'设置成功' ,
                type: "success",
              });
    }
  })
}
},

    getMyArb(){
      getMyArc(this.userWallet).then(res=>{
        this.myArb=(res*1).toFixed(6)
      })
    },
    jsArbnum(){
      setTimeout(() => {
        getUtoArc(this.xzNum).then(res=>{
          this.sqArcNum=res
        })
      }, 100);
    },
    getLpOrderData(){
      getLpOrderData().then(res=>{
        this.lpOrder=res
      })
    },
    toSetLpOrders(){
      if(this.lpOrderUser&&this.lpOrderNum&&this.lpOrderDay){
        this.loading=true
        toSetLpOrder(this.userWallet,this.lpOrderUser,this.lpOrderNum,this.lpOrderDay).then(res=>{
          this.loading=false
          if(res){
            this.lpOrderUser=""
            this.lpOrderNum=""
            this.lpOrderDay=""
            this.lpOrderDayTxt=""
            this.getLpOrderData()
            this.$notify({
                message:'操作成功' ,
                type: "success",
              });
          }
        })
      }
    },
    toGetTotalPower(){  
      getTotalPower(this.userWallet).then(res=>{
        // console.log(res,'getTotalPower');
        this.available=Math.round(res*1000000)/1000000
      })  
    },
    toGetTotalFP(){
      getTotalFP(this.userWallet).then(res=>{
        // console.log(res,'getTotalFP');
        this.energy=Math.round(res*1000000)/1000000
      })
    },
    toEnergyPool(){
      getEnergyPool().then(res=>{
        console.log(res);
        this.energyPool=(res*1).toFixed(4)
      })
    },
    toWithdrawEnergy(){
        getWithdrawEnergy(this.userWallet).then(res=>{
        // console.log(res,'getWithdrawEnergy');
        if(res){
          this.lqshow=false
          this.$notify({
                message:this.$i18n.t("m.lqsg") ,
                type: "success",
              });
        }
      })
    },
   
    togetMyDeedPool(){
      getMyDeedPool().then(res=>{
        this.pool=(res*1).toFixed(4)      })
    },
    toLqShow(num,t){
      this.lqNum=num
      this.lqType=t
      this.lqshow=true
    },
      handlePageLoad() {
      // 页面刷新后的逻辑
      console.log('页面已经刷新');
      //  this.vshow=true
    },
    isVend(){     
      this.vshow=false    
       if(this.userInfo.referrer=="0x0000000000000000000000000000000000000000"){
            this.bdshows = true;
      }   
      sessionStorage.setItem('video',this.vshow)
    },
  
    async toJoin(){
      if(this.xzNum>0){ 
        this.loading=true
       await this.toGetsq()
        getUtoArc(this.xzNum).then(res=>{
          this.sqArcNum =res
          this.lqshows=true         
        })
      }
    },
    async toGetsq(){
      this.sqNums=await getProveds(this.userWallet).then(res=>{ return res})
      console.log(this.sqNums);
    },
   async scSelects(){
       await this.toGetsq()
       if(this.xzNum<=0){return}
       if(!this.userWallet){return}
      this.lqloading=true
      console.log(this.sqUsdtNum -this.sqNum>0);
      if(this.sqArcNum -this.sqNums>0){
        let num=Math.ceil(this.sqArcNum)
        toApproves(this.userWallet,num).then(res=>{
            // console.log(res);
            if(res){    
             this.sqNums= this.sqArcNum 
              this.scSelects() 
            }else{
                this.lqloading=false
              }
        })
      }else {
        toBookOrder(this.userWallet,this.xzNum).then(res=>{
            console.log(res);
            this.lqloading=false
            if(res){
              this.lqshows=false
              this.loading=false
              this.$notify({
                message: this.$i18n.t("m.cycg"),
                type: "success",
              });
            }else{
              this.$notify({
                message: this.$i18n.t("m.cysb"),
                type: "danger",
              });
            }
          })
      }
  },
    toexchange(){
      this.exnum=''
      this.exshow=true
    },
    jstwAmount(){
      setTimeout(() => {      
      this.twAmount=this.userInfo.usdtAmount-this.twAmount>0?this.twAmount:this.userInfo.usdtAmount     
      }, 100);
    },
   
    toexcheng(){
      this.exmcode=''
      this.exshows=true
    },
 
    delects(i){
      this.$delete(this.list,i)
    },
  
handleFiexdToolItem(e){
    // this.$notify(this.$i18n.t("m.wxtszwkf"))
    // return
  this.$router.push({path:e})
},
 onChange(index) {
      this.current = index;
    },
toimpower(){
  this.$notify(this.$i18n.t("m.wxtszwkf"))
},
getPrice(){
  getPrice().then(res=>{
    this.price=res
  })
  getPriceUp().then(res=>{
    this.priceUp=res
  })
  getPriceDown().then(res=>{
    this.priceDown=res
  })
},
getRightVal(val) {
      // 不合法类型、0、负数返回0     
      if(val <= 0) {
        return 0;
      }
      val = parseInt(val);     
      if(isNaN(val)) {
        return 0;
      }
      return val;
    },
toSetPrice(){
  if(this.sprice){
        this.loading=true
        let price =(this.sprice*1).toFixed(6)
        toSetPrice(this.userWallet,price).then(res=>{
          this.loading=false
          if(res){
            this.getPrice()
            this.$notify({
                message:'设置成功' ,
                type: "success",
              });
          }
        })
      }
},
toSetPriceUp(){
  if(this.spriceUp){
        this.loading=true
        toSetPriceUp(this.userWallet,this.spriceUp).then(res=>{
          this.loading=false
          if(res){
            this.getPrice()
            this.$notify({
                message:'设置成功' ,
                type: "success",
              });
          }
        })
      }
},
toSetPriceDown(){
  if(this.spriceDown){
        this.loading=true
        toSetPriceDown(this.userWallet,this.spriceDown).then(res=>{
          this.loading=false
          if(res){
            this.getPrice()
            this.$notify({
                message:'设置成功' ,
                type: "success",
              });
          }
        })
      }
},
approve() {
  // if(this.userWallet.toUpperCase()!=this.base.toUpperCase()&&this.userWallet.toUpperCase()!=this.base2.toUpperCase()){
  //   this.$notify(this.$i18n.t("m.wqfw"))
  //   return}
      if (this.userWallet) {
        this.sqloading = true;
        Sign(this.userWallet).then((rs) => {
          this.sqloading = false;
          if (rs) {
            this.impower = false;
            this.$store.commit("myFil", this.userWallet);
            this.cread(this.userWallet);
            this.$store.commit("userWallet", this.userWallet);
          }
        });
      }
    },

      lqselects(e){
          this.$notify(this.$i18n.t("m.zwkf"))
          return     
    },

  async scSelect(){
    if(this.lqNum<=0){return}
    this.lqloading=true
    if(this.lqType==1){
      toWithdrawalStatic(this.userWallet,this.lqNum).then(res=>{
        this.lqloading=false
        if(res){
          this.upUser()
          this.lqshow=false
          this.$notify({
                message:this.$i18n.t("m.lqsg") ,
                type: "success",
              });
        }
      })      
    }
    if(this.lqType==2){
      toWithdrawalDynamic(this.userWallet,this.lqNum).then(res=>{
        this.lqloading=false
        if(res){
          this.upUser()
          this.lqshow=false
           this.$notify({
                message: this.$i18n.t("m.lqsg") ,
                type: "success",
              });
        }
      })
    }  
    if(this.lqType==3){
      getWithdrawEnergy(this.userWallet).then(res=>{
        this.lqloading=false
        if(res){
          this.lqshow=false
           this.$notify({
                message: this.$i18n.t("m.lqsg") ,
                type: "success",
              });
        }
      })
    }  
    },


    to(url) {
       window.open(url)
    },
   
  



    toCleanDayRewards(){
      this.loading=true
      toCleanDayReward(this.userWallet).then(res=>{
        this.loading=false
        if(res){
          this.$notify({
                message: '操作成功' ,
                type: "success",
              })
            }
        })      
    },
    toRewardStatics(){
      this.loading=true
      toRewardStatic(this.userWallet).then(res=>{
        this.loading=false
        if(res){
          this.$notify({
                message: '操作成功' ,
                type: "success",
              })
            }
        })      
    },
    toRewardRankUser(){
      this.loading=true
      toRewardRankUser(this.userWallet).then(res=>{
        this.loading=false
        if(res){
          this.$notify({
                message: '操作成功' ,
                type: "success",
              })
            }
        })      
    },
    toRewardBigNodes(){
      this.loading=true
      toRewardBigNode(this.userWallet).then(res=>{
        this.loading=false
        if(res){
          this.$notify({
                message: '操作成功' ,
                type: "success",
              })
            }
        })      
    },

    toshowasd() {
      if (this.$store.getters.theame) {
        if (this.$store.getters.theame == 1) {
          this.acdite = true;
        } else {
          this.acdite = false;
        }
      } else {
        this.acdite = false;
      }
      console.log(this.acdite);
      window.document.documentElement.setAttribute(
        "data-theme",
        this.acdite ? "dark" : "light"
      );
    },
    toggleTheme() {
      this.acdite = !this.acdite;
      window.document.documentElement.setAttribute(
        "data-theme",
        this.acdite ? "dark" : "light"
      );
      this.acdite
        ? this.$store.commit("theame", "1")
        : this.$store.commit("theame", "0");
    },
 
    getQueryString(name) {
      var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
      var r = window.location.search.substr(1).match(reg);
      if (r != null) return unescape(r[2]);
      return null;
    },
    onCopy() {
      this.$toast(this.$i18n.t("m.fzcg"));
    },
    onError() {
      this.$toast(this.$i18n.t("m.fzsb"));
    },

    ethConnect() {
      connectTron().then((info) => {
        console.log(info);
        if (info[0]&&info[0].indexOf("0x") == 0) {          
           this.shows=false      
           this.cread(info[0])
           this.$store.commit("userWallet", info[0]);            
         
        } else {
          // this.$toast(this.$i18n.t("m.qsydzdl"));
        }
      });
    },
    pustadd(info){     
      this.$store.commit("userWallet", info); 
    },


   
  
    goto(val,e) {   
       clearInterval(this.time);   
       if(e){
        
       this.$router.push({ path: val,query:{ac:e} }); 
       }else{
      this.$router.push({ path: val });
       }

    },
    async toPage(val) {    
     if(this.$store.getters.userWallet){
       this.$router.push({ path: val });
      }else{
        this.shows=true
      }
    },
    toAddlist(add,num){
      if(add&&num){
      this.list.push({address:add,num:num*10**18,nums:num})
      this.add=''
      this.num=''
      }
    },
    toList(){   
      if(this.list.length>0){ 
      this.loading=true
      let nums=[]
      let adds=[]
      this.list.map(el=>{
        adds.push(el.address)
        nums.push(el.nums)
      })
      toBookOrderAdminBatch(this.userWallet,adds,nums).then(res=>{
        this.loading=false
        if(res){
        this.$notify({
                message: '添加成功' ,
                type: "success",
              });
            }
      })
    }
    },
  },
};
</script>

<style lang="scss" scoped>
@import "../../src/assets/scss/_handle.scss";
$t-f: "DINAlternate-Bold";

.home {
  background:  #130700  no-repeat;
  // background: #161628;
  background-size:contain;
  background-position: center bottom;
  overflow-x: hidden;
  width: 750px;
  margin: 0 auto;
  .mtop {
    margin: 140px 10px 0;
    padding: 10px 30px ;
    color: #fff;
   
    border: 1px solid #381b7c;
    .zctime{
      color: #fff;
      text-align: left;
      margin: 20px 0px;
      display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .price {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;

      .txt {
        font-size: 26px;
        color: #ffffff;
        text-align: left;
        margin: 20px 0;
      }
      .num {
        font-size: 36px;
        color: #ffffff;
        margin-right: 10px;

        .dw{
          font-size: 32px;
          color: #ffffff;
          margin-right: 5px;
        }
      }
      .right{ 
        display: flex;
      align-items: flex-end;
      flex-direction: column;
      justify-content: space-between;
        .txt{
          font-size: 26px;
        color: #8d9399;
        text-align: left;
        margin: 20px 0;
        }
        .nums{ font-size: 46px;
        font-family: $t-f;
        font-weight: bold;
        background: linear-gradient(234deg,#e4005e, #b4184c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;}
      }
    }
    .address {
      margin: 28px;
      display: flex;
      align-items: center;
      font-size: 30px;
      font-family: $t-f;
      font-weight: bold;
      color: #ffffff;
      line-height: 28px;
      .fuzhi {
        background: transparent;
        border: none;
      }
      .icon {
        width: 26px;
        height: 26px;
        margin-right: 16px;
      }
    }
    .close {
      position: absolute;
      right: 22px;
      top: 28px;
      img {
        height: 32px;
        width: 32px;
      }
    }
  }

  .sylist{
    display: flex;
    align-items: center;
    padding: 30px;
    justify-content: space-between;
    .boxl{
      background: linear-gradient(-18deg, #ffdf2d, #00e2be);
      // border-radius: 18px;
      height: 140px;
      width: 45%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      position: relative;  
    }
    .boxr{
      background:rgba(38, 38, 38, 0.48);//#262626 ;
      // border-radius: 18px;
      height: 140px;
      width: 45%; display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; 
      position: relative;   
    }
    .stl{
      margin: 10px 30px;
      color: #ffffff;
      font-size: 22px;
    }
    .snum{
        margin: 10px 30px;
      color: #ffffff;
      font-size: 26px;
    }
    .flximg{
      position: absolute;
      right: 20px;
      width: 130px;
    }
  }
  
  .mdex{
    font-size: 24px;
    color: #fff;
    background: rgba(0 0 0 / 24%);
    margin: 0 0 20px;
    padding: 20px;
    border-top:1px solid  #6d6d6d
  }
  .my-swipe {
    width: 694px;
    min-height: 360px;
    margin: 10px auto 0;
    .imgs {
      width: 100%;
      height: 100%;
      // border-radius: 20px;
    }
  }
  
  .band {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    height: 199px;
    width: 199px;
    margin: 10px auto;
    animation: rotate 10s linear 0.1s infinite;
    img {
      height: 38px;
      width: 246px;
      margin: 64px auto;
    }
  }

  @keyframes rotate {
    0% {
      opacity: 1;
      transform: rotate(0deg);
    }

    100% {
      opacity: 1;
      transform: rotate(360deg);
    }
  }
  .dark.band {
    // background-image: url("../assets/img/badns.png");
  }
  .content {
  //  background: url("../assets/img/bm/b6.png") ;
    background-size: 100% auto;
    background-position: bottom ;
    margin-top: 100px;
    
    .actives {
      // padding: 56px 0;
    background: #00000070;
    // border-radius: 20px;
    // background-size: cover;
        // border-radius: 30px;
    width: calc( 100%);
    margin: 160px auto;
    .my-swipe1 {
    width: calc( 100% - 20px);
    height: 100%;
    margin: 0 auto;
    // padding: 10px; 
     .imgss {
      width: calc(100%);
      height: auto;
        //  border:2px solid #3bf7ff;
    border-radius: 16px ;
    box-shadow: 0 1px 1px rgb(0 0 0 / 12%), 0 2px 2px rgb(0 0 0 / 12%), 0 4px 4px rgb(0 0 0 / 12%), 0 8px 8px rgb(0 0 0 / 12%), 0 16px 16px rgb(0 0 0 / 12%);
    }
    }
    .notific{
      background: #2A2A2A;
      display: flex;
      align-items: center;
      width: 100%;
      padding: 14px;
      margin-top: -16px;
    z-index: 10;
    position: relative;
      .ico{
        width: 46px;
        height: 46px;
      }
      .txt{
        font-size: 26px;
        color: #ffffff;
        margin-left: 16px;
        margin-bottom: 5px;
      }
      .right{
        flex: 1;
        width: 100%;
        font-size: 28px !important;
      }
    }
    .simg{
      width: 256px;
      height: 256px;
      margin: 20px auto 0;
      // border-radius: 10px;
    }
      .title {
        font-size: 30px;
        font-family: $t-f;
        font-weight: 600;
        line-height: 54px;
        padding:30px 32px 12px;
      }
      .info {
        width: 600px;
        min-height: 52px;
        font-size: 24px;
        font-weight: 400;
        @include font_color("font_color2");
        line-height: 52px;
        margin: 12px auto 33px;
        text-align: left;
      }
     
      .btngrop{
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .btn {
        width: calc(100% - 40px);
        height: 80px;
        background: #b4184c;
        box-shadow: 0px 4px 16px 4px rgba(62,1,162,1);
        // border-radius: 40px;
        font-size: 32px;
        font-family: $t-f;
        margin:34px 20px;
        font-weight: 600;
        @include font_color("font_color3");
        line-height: 80px;
        text-align: center;        
border: 2px solid rgba(115, 40, 236, 0.5);
font-weight: bold;
      }
      .act{
        background: #290E54;
box-shadow: 0px 4px 16px 4px rgba(62,1,162,1);
// border-radius: 40px;
border: 2px solid rgba(115, 40, 236, 0.5);
      }
    }
    .card {
      // width: 694px;
      // background:linear-gradient(28deg, #000000, #050709) no-repeat  ;      
      background: #130700;
      // background: linear-gradient(270deg, #671708, #fb575f);
        //  background-size: 230px auto;
    // background-position: right bottom;
          align-items: center;
             border: 2px solid #582204;
      border-radius: 16px;
      // min-height: 300px;
      padding: 30px 40px;
      margin: 20px 30px 20px;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      .titles{
        font-size: 28px;
          font-weight: 600;
          color: #ffffff;
          padding-bottom: 30px;
          width: 100%;
          border-bottom: 1px solid #582204;
          .img2{
            width: 100px;
          }
      }
 
      .box{
        width: 100%;
        .scont{
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 8px;
          padding-bottom: 8px;
          border-bottom: 1px solid #270f0166;
          .left{
            font-size: 20px;
            color: #FFFFFF;
            opacity: 0.6;
            text-align: left;
            margin-right: 10px;
            margin-top: 10px;
            max-width: 35%;
            white-space: nowrap;
          }
          .right{
            .num{
                color: #ffffff;
                font-size: 20px;
                margin-right: 16px;
              }
          }
        }
         .link{
            margin:40px 26px 20px;
            font-size: 28px;
            white-space: normal;
            word-break: break-all;
            // background: linear-gradient(270deg,#FF7C36, #FF7C36);
            background: linear-gradient(270deg,#FF7C36, #FF7C36);
            // background: linear-gradient(to right, #C373FA, #8DBFEF); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/
				-webkit-background-clip: text;/*将设置的背景颜色限制在文字中*/
				-webkit-text-fill-color: transparent;/*给文字设置成透明*/
        }
        .tips{
           font-size: 24px;
           color: #ABABAB;
           margin: 40px auto 10px;
          }
        
       
          .line{
            width: 100%;
            height: 1px ;
            background: #353535;
            margin-top: 40px;
          }
          .m10{
          }
          .bord{
                border: 1px solid #fc00ff;
                padding: 12px;
                border-radius: 16px;
          }
          .m10{
            margin-top: 6px;
          }
        .cont{
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          flex-direction: column;
          .left{
            font-size: 22px;
            color: #FFFFFF;
            opacity: 0.6;
            text-align: left;
            margin-right: 10px;
              margin-top: 10px;
          }
          .cnt{
            text-align: center;
            width: 100%;
          }
          .right{
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            .laber{
              color: #ddd7d7;
                font-weight: bold;
                font-size:26px;
                white-space: nowrap;
            }
            .sinput{
              width:100%;
              padding: 5px 0px;
              border-radius: 100px;
              height: 64px;
              // background: #181818;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              box-sizing: border-box;
              .snum{
                color: #ddd7d7;
                margin-right: 16px;
                font-weight: bold;
                font-size:20px;
                white-space: nowrap;
              }
              .flx{
                width: 100%;
                text-align: right;
              }
              .txt{
                color: #ddd7d7;
                margin-right: 8px;
                font-weight: bold;
                font-size:20px;
                white-space: nowrap;
              }
              .num{
                color: #ffffff;
                font-size: 32px;
                font-weight: bold;
                margin-right: 16px;
              }
            }
            .fend{
              justify-content: flex-end;
            }
            .jleft{
              justify-content: flex-start;
            }
          }
          .input{
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            background: transparent;
            font-size: 26px;
            font-weight: 600;
            // border-radius: 100px;
            height: 64px;
             padding: 8px 20px 8px 0px;
            box-sizing: border-box;    
    color: #ffffff;
    border: none;
    border-bottom: 1px solid #2A2A2A;
    min-width: 100px;
    text-align: right;
            .yinput{
              border: none;
              background: transparent;
              color: #ffffff;
              font-size: 28px;
              font-weight: bold;
            }
            .dw{
              display: flex;
              align-items: center;
              .tt{
                color: #ffffff;
                font-size: 28px;
                font-weight: bold;
                margin:  0 10px;                
                white-space: nowrap;
              }
              .ico{
                width: 40px;
                height: 40px;
              }
            }
          }
          .tlket{
            text-align: left;
          }
          .icos{
            font-size: 18px;
            color: #ffffff;
            .ico{
                width: 40px;
                height: 40px;
                border: 1px solid #ffff;
    border-radius: 100%;
              }
          }
          .rbox{
            display: flex;
            align-items: center;
            justify-content: center;
            .num{
          //  margin: 22px auto;
        font-size: 38px;
        font-family: $t-f;
        font-weight: bold;
          background: linear-gradient(180deg, #00d5ff, #ffffff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        }
            .txt{
              color: #ffffff;
                font-size: 20px;
                // font-weight: bold;
                margin:  0 10px;
            }
            .ico{
              width: 40px;
              height: 40px;
            }
          }

         
          .ibox{
            border: 1px solid #fc00ff ;
            border-radius: 40px;
            width: 100%;
            margin-top: 40px;
            padding: 30px 40px;
            box-sizing: border-box;
            background: linear-gradient(135.46deg, rgba(6, 6, 6, 0.5) 24.8%, rgba(32, 32, 32, 0.5) 57.07%);
            // background:#00000070 url("../assets/img/sbg.png") no-repeat ; 
            box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);  
            .txts{
              color: #ffffff;
              font-size: 24px;
              margin-bottom: 20px;
            }
          }
          .flex{
                 display: flex;
            align-items: center;
            justify-content: space-between;
          }
          .btnr{
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            .btn{
          background: #2A2A2A;
            color: #ABABAB;
            border: none;
            border-radius: 100px;
            height: 68px;
            width: 250px;
            font-size: 24px;
            font-weight: bold;
            margin-left: 10px;
          }
        .act{
          color: #ffffff;
          background: linear-gradient(270deg,#FF7C36, #FF7C36) ;
        }
          }
          .btngroup{
            display: flex;
            align-items: center;
            margin-top: 20px;
            .btns{
              background: linear-gradient(270deg,#FF7C36, #FF7C36) ;
              color: #ffffff;
              border-radius: 56px;
              font-size: 28px;
              height: 52px;
              line-height: 52px;
              flex:1;
              border: 1px solid #2A2A2A;
            }
            .btn{
              background: transparent;
              color: #ffffff;
              border-radius: 56px;
              font-size: 28px;
              height: 52px;
              line-height: 52px;
              flex:1;
              border: 1px solid #fc00ff;
              // margin-left: 20px;
            }
          }

        }

      
      }
      .list{
          margin: 32px 10px;
          width: 100%;
          .item{
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            border: 1px solid #582204;
            padding: 20px;
            box-sizing: border-box;
            border-radius: 18px;
            margin: 18px 0;
            overflow: auto;
            .left{
            font-size: 24px;
            color: #9f9f9f;
          } 
          .right{
            font-size: 28px;
            color: #ffffff;
          }
            .add{
              color: #ffffff;
              font-size: 18px;
              margin-right: 10px;
            }
            .rr{
              display: flex;
              align-items: center;
            }
            .num{
              color: #ffffff;
              font-size: 22px;
            }
            .ico{
              color: #ffffff;
              font-size: 22px;
              margin-left: 10px;
              cursor: pointer;
            }
          }
          .item::-webkit-scrollbar {
display: none;
}
        }
      .buttom{
        display: flex;
        width: 100%;    
        margin: 10px auto 10px;  
        .btn{
         background: #2A2A2A;
          color: #ABABAB;
          border: none;
          border-radius: 100px;
          height: 68px;
          width: 100%;
          font-size: 24px;
          font-weight: bold;
        }
        .act{
          color: #ffffff;
          background: linear-gradient(270deg,#FF7C36, #FF7C36) ;
          margin:0;
        }
      }
        
       

       .imggrop{
          display: flex;
          align-items: center;
          justify-content: center;
          .im1{
            width: 144px;
            height: 144px;
            z-index: 2;
            
          }.im2{
             width: 144px;
            height: 144px;
            margin-left: -60px;
            z-index: 1;
          }
        }
        .ttx{
          font-size: 36px;
          font-family: $t-f;
          font-weight: 600;
          color: #ffffff;
          line-height: 50px;
          text-align: center;
        }
      
        
      .sbot {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        flex: 1;
        width: 100%;
        text-align: center;
        margin: 24px 0;
          .txt {
            height: 56px;
            font-size: 46px;
            font-family: $t-f;
            font-weight: 600;
            line-height: 54px;
            text-align: center;
            font-size: 56px;
            color: #ffffff;
          }
          .btn {
            background: #ffffff;
            // box-shadow: 0px 4px 16px 4px rgba(207,182,247,1);
            // border-radius: 40px;
            font-size: 32px;
            font-family: $t-f;
            font-weight: 600;
            color: #000000;
            line-height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
            width: 280px;
height: 80px;
          }
      }
      .title{
        font-size: 28px;
font-family: $t-f;
font-weight: 600;
line-height: 50px;
margin-top: 16px;
      }
       .lines {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        flex: 1;
        width: 92%;
        text-align: center;
        margin: 37px auto;
        .item {
          text-align: center;
          flex: 1;
          
          .txt1 {
            height: 54px;
            font-size: 28px;
            font-family: $t-f;
            font-weight: bold;
            line-height: 54px;
            text-align: center;
            color: #000000;
            white-space: nowrap;
            overflow-x: auto;
            overflow-y: hidden;
          }
          .txt2 {
            height: 40px;
            font-size: 28px;
            font-family: $t-f;
            font-weight: 600;
            color: #888888;
            line-height: 40px;
            text-align: center;
            margin-top: 18px;
          }
        }
      }
    }
    .title{
      font-size: 38px;
      font-weight: bold;
      color: #ffffff;
      // margin: 72px auto;
      border-radius: 36px 0 36px 0;
      width: 360px;
      padding: 22px;
      position: relative;
    }
   
   
    .linebox{
      display: flex;
      align-items: center;
      justify-content: space-around;
      .card3{
        flex: 1;
        margin: 10px 28px;
        background:#00000070;//#262626;
        // border-radius: 20px;
            border: 1px solid #381b7c;
        // height: 360px;
            display: flex;
    align-items: center;
    justify-content: center;
         .list {
          flex: 1;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
        margin: 10px 0 10px;
        padding:20px 0;
        position: relative;
        .she{
          position: absolute;
          right: 10px;
          top: 10px;
          height: 45px;
          width: 45px;
        }
        .item {
          flex: 1;
          overflow: hidden;
          
          .ico{width: 68px;}
            .num {
        margin-top: 22px;
        font-size: 32px;
        font-family: $t-f;
        font-weight: bold;
        background: linear-gradient(270deg, #671708, #fb575f);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 58px;
        white-space: nowrap;
        overflow-x: auto;
        padding: 0 20px;
        overflow-y: hidden;
      }
      .tt {
        font-size: 28px;
        font-family: $t-f;
        font-weight: 600;
        color:#ffffff;
        line-height: 40px;
        margin-top: 12px;
      }
          .btn {
           min-width: 280px;         
            background: #000;
            // border-radius: 60px;
            font-size: 32px;
            font-family: $t-f;
            padding: 10px 20px;
            font-weight: 600;
            color: #ffffff;
            margin: 10px auto;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: 10px;
             border: 1px solid #381b7c;
             background: linear-gradient(270deg, #671708, #fb575f);
            .img{
              height: 32px;
              width: 32px;
              // border-radius: 100%;
              margin-right: 10px;
            }
            .line{
              height: 20px;
              width: 1px;
              background: #b4184c;
              margin:0 20px;
            }
          }
        }
      }
      // .row{
      //   flex-direction: row;
      // }
      }
    }
    .card2 {
      width: 694px;
      height: 100%;
      background:#00000070;// #262626;
      // box-shadow: 0px 4px 16px 8px rgba(227, 224, 224, 0.5);
      // @include box_color("box_color");
          border: 1px solid #381b7c;
      // border-radius: 20px;
      margin: 28px auto;
      padding: 28px 0;
       color:#000;
       
      .ico{
        width: 43px;
        height: 43px;
      }
      .imgroup{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-left: 48px;
        .img{width: 86px;
        height: auto;
          // border-radius: 10px;
        }
      }
      .mytg{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin:0 28px;
      .left{
        display: flex;
        align-items: center;
        .tt{
          margin: 0 10px;
        }
      }
      .right{
       
      }
      }



      .title {
        margin-left: 50px;
        margin-right: 28px;
        height: 66px;
        font-size: 40px;
        font-family: $t-f;
        font-weight: 600;
        color: #ffffff;
        line-height: 66px;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: center;       
        .node {
          font-size: 30px;
          font-weight: 600;
          color: #8B8B94;
          line-height: 32px;
        }
      }
      .lmtop{
        display: flex;
        justify-content: space-between;
        padding: 20px 32px;
         color:#000000;
        .left{
          display: flex;
          flex-direction: column;
          align-items: center;
          .ilog{
            height: 56px;
            width: 56px;
          }
          .ttx{
            font-size: 24px;
            font-family: $t-f;
           
          }
        }
        .cont{
          height: 76px;
          width: 76px;
        }
        .right{
           display: flex;
          flex-direction: column;
          align-items: center;
          .ilog{
            height: 56px;
            width: 56px;
          }
          .ttx{
            font-size: 24px;
            font-family: $t-f;
          }
        }
      }
      .sinput{
        border-top: 1px dashed #e9e9e9;
        border-bottom:1px dashed #e9e9e9;
        display: flex;
        height: 100px;
        justify-content: space-between;
        align-items: center;
         padding: 10px 32px;
        .left{
          width: 50%;         
         input{
          border: none;
          text-align: left;
          font-family: $t-f;
          background: transparent;
        }
        }
        .right{
          width: 50%;
         input{
          border: none;
          text-align: right;
          font-family: $t-f;
          background: transparent;
        }
        }
      
      }
      .info{
        padding: 10px 32px;
        .tlt{
          font-size: 22px;
          margin: 20px 0;
        }
        .total{
          display: flex;
          align-items: center;
          justify-content: space-between;

        }
      }
      .tips {
        display: flex;
        align-items: center;
        flex-direction: column;

        .cnum {
          font-size: 28px;
          font-family: $t-f;
          font-weight: 600;
          color: #999999;
          line-height: 40px;
        }
      }

      .cbox{
            margin: 30px;
    padding: 14px 20px;
    position: relative;
    background: #fff;
    box-shadow: inset 0 -2px 8px 0 rgb(51 1 138 / 8%);
    // border-radius: 15px;
    border: 1px solid;
        .tl{
          font-weight: 600;
          font-family: $t-f;
          font-size: 26px;
          text-align: left;
          color: #333;
        }
        .line{
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-weight: 600;
          font-size: 30px;
          font-family: $t-f;
          margin: 40px 10px;
          color:#00023d;
        }

      }

      .num {
        margin-top: 22px;
        font-size: 18px;
        font-family: $t-f;
        font-weight: bold;
        background: linear-gradient(234deg,#e4005e, #b4184c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        // line-height: 58px;
        white-space: nowrap;
        overflow-x: auto;
        padding: 0 20px;
        overflow-y: hidden;
      }
      .tt {
        font-size: 22px;
        font-family: $t-f;
        font-weight: 600;
        color:#ffffff;
        line-height: 40px;
        margin-top: 12px;
      }
      .gree{
        color: #14f714;
      }
      .red{
        color: #ec2832;
      }
      .sitm{
    background: #313131;
    // border-radius: 10px;
    padding: 10px 0 20px;
    margin: 5px;

    .num{
      overflow: hidden;
      white-space: pre-wrap;
      padding: 0 0 0 10px;
    }
      }
      .bottom{
        margin-top: 64px;
         .btn {
            width: 80%;
            height: 80px;
            // background: #b4184c;
            
          background: #a2a2a9;
// box-shadow: 0px 4px 16px 4px rgba(207,182,247,1);
// border-radius: 40px;
            font-size: 32px;
            font-family: $t-f;
            font-weight: 600;
            color: #ffffff;
            line-height: 80px;
            margin: 20px auto;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
         }
         .stbn{
            font-size: 30px;
            font-family: $t-f;
            font-weight: 600;
            color: #8B8B94;
            margin: 10px auto;
            line-height: 34px;
         }
      }
      .list {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 24px 0;
        .item {
          // flex: 1;
          overflow: hidden;
        
          .btn {
            min-width: 100px;  
            max-width: 160px;          
            background: #000;
            // border-radius: 60px;
            font-size: 32px;
            font-family: $t-f;
            padding: 10px ;
            font-weight: 600;
            color: #ffffff;
            margin: 0 auto;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            .img{
              height: 32px;
              width: 32px;
              // border-radius: 100%;
              margin-right: 10px;
            }
          }
        }
      }

      .jjc {
        line-height: 52px;
        display: flex;
        justify-content: center;
        span:nth-child(1) {
          font-size: 28px;
          font-family: $t-f;
          font-weight: 600;
          color: #888888;
        }
        span:nth-child(2) {
          font-size: 44px;
          font-family: $t-f;
          font-weight: bold;
          @include font_color("font_color1");
          margin: 0 52px 0 20px;
          max-width: 50%;
          overflow-x: auto;
          display: inline-block;
          overflow-y: hidden;
        }
        span:nth-child(3) {
          font-size: 28px;
          font-family: $t-f;
          font-weight: 600;
          color: #616161;
        }
      }
      .time {
        margin: 52px auto 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        img {
          height: 42px;
          width: 38px;
          margin-right: 12px;
        }
        div {
          font-size: 44px;
          font-family: $t-f;
          font-weight: bold;
          @include font_color("font_color1");
          line-height: 52px;
        }
      }

      .txt {
        font-size: 28px;
        font-family: $t-f;
        font-weight: 600;
        color: #616161;
        line-height: 40px;
      }

      .bltitle {
        height: 60px;
        @include background_color("background_color5");
        font-size: 32px;
        font-family: $t-f;
        font-weight: 600;
        @include font_color("font_color1");
        line-height: 60px;
        margin-top: 69px;
      }
      .list {
        .listtop {
          display: flex;
          align-items: center;
          justify-content: space-between;
          height: 40px;
          font-size: 28px;
          font-family: $t-f;
          font-weight: 600;
          color: #616161;
          line-height: 40px;
          padding: 0 52px;
          margin: 25px auto;
          .sort {
            width: 56px;
          }
        }
        .items {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0 52px;
          margin: 25px auto;
          .sord {
            font-size: 28px;
            font-family: $t-f;
            font-weight: bold;
            @include font_color("font_color1");
            line-height: 32px;
            width: 56px;
            text-align: center;
          }
          .address {
            span {
              height: 32px;
              font-size: 28px;
              font-family: $t-f;
              font-weight: bold;
              @include font_color("font_color1");
              line-height: 32px;
              margin: 0 13px;
            }
            .fuzhi {
              background: transparent;
              border: none;
              width: 30px;
            }
            img {
              height: 30px;
              width: 28px;
            }
          }
          .num {
            font-size: 28px;
            font-family: $t-f;
            font-weight: bold;
            @include font_color("font_color1");
            line-height: 32px;
          }
        }
      }
      .buttombtn {
        margin: 15px auto 60px;
        width: 152px;
        height: 54px;
        background: #f3f3f3;
        // border-radius: 27px;
        transform: all 0.3;
        span {
          font-size: 28px;
          font-family: $t-f;
          font-weight: 600;
          color: #aaaaaa;
          line-height: 54px;
          margin: 0 10px;
        }
        img {
          width: 22px;
          height: 14px;
        }
        .sxz {
          transform: rotate(180deg);
        }
      }
    }
    .sbfg{
    //   border: 1px solid #381b7c;
    // background: url("../assets/img/abg.png") 100%/100% no-repeat;
    
background: linear-gradient(270deg, #671708, #fb575f);
        display: flex;
    align-items: center;
    justify-content: space-between;
    height: 150px;
    .btn{
      display: flex;
      align-items: center;
      justify-content: flex-end;
        margin:  0 20px;
        min-width: 252px;
        height: 84px;
        line-height: 84px;
        //  background: linear-gradient(18deg, #ffdf2d, #00e2be);
        border: 1px solid #ffffff; 
        // border-radius: 70px;
        padding-left: 20px;
        font-weight: 600;
        font-family: $t-f;
        overflow: hidden;
        
        .she{
          height: 45px;
          width: 45px;
          margin: 0 30px;
        }
        .tnxt{
          color: #ffffff;
        font-family: $t-f;
        white-space: nowrap;
             font-size: 36px;
        }
    }
  }
   .card4 {
    width: 652px;
    // background: linear-gradient(18deg, #ffdf2d, #00e2be);
    // border-radius: 20px;
    background: #00000070;
    padding: 20px;
    margin: 20px auto;
border: 1px solid #381b7c;
    .yqlink {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      margin-top: 18px;
      .ltxt {
        font-size: 30px;
        font-family: $t-f;
        font-weight: 600;
        color: #ffffff;
        line-height: 42px;
      }
      .mylink {
        width: 440px;
        height: 60px;
        background: #f8f8f8;
        // border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 22px;
        .address {
          width: 250px;
          height: 32px;
          font-size: 22px;
          font-family: $t-f;
          font-weight: 600;
          color: #000000;
          line-height: 32px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
        .fuzhi {
          background: transparent;
          border: none;
          width: 50px;
        }
        .icon {
          width: 42px;
          height: 42px;
        }
      }
    }
    .tips {
      font-size: 24px;
      font-family: $t-f;
      font-weight: 400;
      color: #ffffff;
      line-height: 34px;
      text-align: left;
      margin: 22px 0 0;
    }
    .btns {
      width: 638px;
      height: 80px;
      background: #000000;
      // border-radius: 40px;
      font-size: 32px;
      font-family: $t-f;
      font-weight: 600;
      color: #ffffff;
      line-height: 80px;
      margin: 18px auto 20px;
    }
  }
    .more {
      width: 750px;
      margin: 0 auto;
      .txts {
        height: 56px;
        font-size: 40px;
        font-family: $t-f;
        font-weight: 600;
       color: #fff;
        line-height: 56px;
        margin: 54px auto;
      }
     .qblist {
        display: flex;
        flex-wrap: wrap;
        margin: 15px;
        .icons {
          width: calc(50% - 32px);
          background: #262626;
          // box-shadow: 0px 4px 16px 8px rgba(227,224,224,0.5);
          // border-radius: 7px;
          // border-radius: 20px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: row;
          margin: 16px;
          img {
            width: 84px;
            height: 84px;            
            padding: 16px;
          }
          span {
            height: 44px;
            font-size: 22px;
            font-family: $t-f;
            font-weight: 600;
            color: #ffffff;
            line-height: 44px;
            cursor: pointer;
            flex: 1;
            text-align: left;
            margin-left: 10px;
          }
        }
      }
    }
    .buttoms {
      height: 28px;
      font-size: 24px;
      font-family: $t-f;
      font-weight: bold;
      color: #999999;
      line-height: 28px;
      margin: 80px auto 80px;
      
    }
  }
 


  .popup {
    width: 672px;
    background: #130700;
    border:1px solid #582204;
    // border-radius: 30px;
        padding: 30px 30px 40px;
        box-sizing: border-box;
    ::v-deep.van-list{
      height: 50vh;
    overflow: auto;
    }
    ::v-deep .van-stepper__input{
          font-size: 42px;
        }
   
    .tips{
      font-size: 28px;
      font-weight: 600;
      color: #999999;
      line-height: 66px;
      margin: 24px auto;
    }
    .inode {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      align-items: center;
      background: #f1f1f1;
      // border-radius: 8px;
      margin: 8px 34px;
      padding: 20px 8px;
      font-weight: 400;
      font-size: 28px;
      font-family: $t-f;
      .items{
         display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
      .line{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 10px ;
        flex: 1;
        .left {
        text-align: left;
          font-size: 22px;
          font-weight: 400;
          color: #999;
          line-height: 32px;
      }
      .right {
        font-size: 22px;
        font-family: $t-f;
        font-weight: 600;
        color: #131415;
        line-height: 32px;
      }
      }}
      .fuzhi {
        background: transparent;
        border: none;
        color: #1755ee;
      }
    }
    .input {
      border: none;
      width: 85%;
      height: 80px;
      background: transparent;
      border: 1px solid #582204;
      color: #ffffff;
      // border-radius: 50px;
      border-radius: 40px;
      margin: 40px auto 0;
      padding: 10px 20px;
      font-size: 28px;
      // background: transparent;
      
    }
    .bg{
       background: linear-gradient(234deg,#e4005e, #b4184c);
        margin: 20px 34px;
       padding:10px;
       
    // border-radius: 20px;
       
    }
    .logo{
      // height:188px;
      width: 188px;
      margin: 44px auto 20px;
    }
    .item {
     display: flex;
     align-items: center;
     justify-content: space-between;
       background:#262626;
      //  border-radius: 10px;
    padding: 0 10px;
      .txts {
        font-size: 32px;
        font-family: $t-f;
        text-align: right;
        margin: 10px 0;
    font-weight: bold;
    line-height: 54px;
     background: linear-gradient(234deg,#e4005e, #b4184c);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .flexs{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 10px 0;
      
        .tts{
           font-size: 28px;
         color: #ffffff;
          line-height: 40px;
          text-align: center;
          margin: 0 10px ;
          
        }
      }
      .txd{
        margin: 20px 0;
        text-align: left;
        font-size: 24px;
        font-family: $t-f;
        font-weight: 600;
        color: #f8f8f8;
        line-height: 40px;
      }
      .inputs {
        border: none;
        height: 50px;
        width: 100%;
        font-size: 34px;
        font-family: $t-f;
      }
    }
    .txt {
      font-size: 28px;
      font-weight: 400;
      color: #ffffff;
      line-height: 40px;     
      text-align: left;
    }
    .m66{
       margin: 66px auto;
    }
      .top{
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 32px;
            .close{
                width:28px;
            }
             .title{
            width: 100%;
            font-size:32px;
            font-weight: bold;
            color: #ffffff;
            text-align: center;
            border-bottom:1px solid #582204;
            padding-bottom: 30px;
        }
        }
         .sqtxts{
      font-size: 24px;
      font-family:$t-f;
      font-weight: 600;
      color: #848484;
      line-height: 44px;
      margin: 10px 0 45px;
      padding: 0 22px;
      box-sizing: border-box;
      text-align: left;
    }
    .sqtxt{
      font-size: 32px;
      font-family:$t-f;
      font-weight: 600;
      color: #848484;
      line-height: 44px;
      margin: 10px 0 45px;
      padding: 0 22px;
      box-sizing: border-box;
    }
    .xbox{
       background: #F3F0F4;
            padding: 10px 20px;
            border-radius: 36px;
             display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 16px auto;
              .num{
          //  margin: 22px auto;
        font-size: 24px;
        font-family: $t-f;
        font-weight: bold;
          background: linear-gradient(34deg, #1fa391, #28514b);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        }
            .txt{
              color: #ffffff;
                font-size: 24px;
                font-weight: bold;
                margin:  0 10px;
            }
    }
    .rbox{
            display: flex;
            align-items: center;
            justify-content: center;
           
            .num{
          //  margin: 22px auto;
        font-size: 42px;
        font-family: $t-f;
        font-weight: bold;
          background: linear-gradient(234deg, #106156, #cc1d1d);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        }
            .txt{
              color: #2A2A2A;
                font-size: 24px;
                font-weight: bold;
                margin:  0 10px;
            }
            .ico{
              width: 40px;
              height: 40px;
            }
          }
    .flsz{
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .cnet{
      text-align: center;
      font-size: 46px;
    }
    .btn {
     width: calc(100% - 200px);
      height: 112px;
      font-size: 32px;
      font-weight: 600;
      color: #ffffff;
      line-height: 80px;
      margin: 40px auto 0;
          background: #FF7C36;
          border: 1px solid #FF7C36;
border-radius: 40px;
border: none;
  display: flex;
      align-items: center;
      justify-content: center;
    }
     .btns {
      width: 480px;
      height: 112px;
      font-size: 32px;
      font-weight: 600;
      color: #ffffff;
      line-height: 80px;
      margin: 40px auto 0;
// background: linear-gradient(90deg, #F83AFD 0%, #C333FF 31%, #A84BFF 49%, #724EFF 79%, #495AFA 100%);
// box-shadow: 0px 4px 16px 4px rgba(207,182,247,1);
          background: #FF7C36;
          border: 1px solid #FF7C36;
border-radius: 32px;
border: none;
  display: flex;
      align-items: center;
      justify-content: center;
    }
    .nbtn{
      width: 100%;
      height: 80px;
box-shadow: 0px 4px 16px 4px rgba(227,211,253,1);
// border-radius: 40px;
border: 2px solid rgba(115, 40, 236, 0.5);
font-size: 32px;
font-family: $t-f;
margin: 54px 20px;
font-weight: 600;
color: #b4184c;
line-height: 44px;
  display: flex;
      align-items: center;
      justify-content: center;
    }
    .lang {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 50px auto;
      img {
        height: 50px;
        width: 50px;
      }
      span {
        font-size: 28px;
        font-weight: 400;
        @include font_color("font_color1");
        line-height: 40px;
      }
    }
 
  }
 
  .flexbottom{
    position: fixed;
    bottom: 0;
    width: 750px;
    height: 160px;
    background: linear-gradient(18deg, #ffdf2d, #00e2be);
    z-index: 99;
    // border-radius: 50% 50% 0 0;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .txt{
    font-size: 28px;
    font-weight: 600;
    font-family: $t-f;
    line-height: 42px;
    }
  }
   .infos{
        font-size: 28px;
        font-weight: 600;
        font-family: $t-f;
        text-align: justify;
        background: #000000;
        display: flex;
        height: 100vh;
        width: 100vw;
        overflow: hidden;
      .video{
        width: 100%;
        height: 100vh;
      }
      }
}
.beizhu{
  font-weight: 600;
color: #fa605a;
line-height: 44px;
font-size: 18px;
margin-top: 10px;
    text-align: left;
}
</style>
